<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习一下单文件组件的语法</title>
    
</head>
<body>
    <!-- 准备一个容器 -->
    <div id="root">
        
    </div>
     <!-- 
        运行报错：
        报错：Uncaught SyntaxError: Cannot use import statement outside a module
        翻译：不能在模块外面使用 import （main.js报错），只能在脚手架里面运行
     -->
     
    <!-- 需要先引入 vue.js 否则main.js 中的 Vue找不到 -->
    <script type="text/javascript" src="../js/vue.min.js"></script>
    <script type="text/javascript" src="./main.js"></script>

    <!-- 
        安装淘宝镜像：
        npm config set registry https://registry.npm.taobao.org 
        
        1.第一次运行（仅第一次指向）：全局安装@vue/cli
        npm install -g @vue/cli

        2.创建项目
        vue create xxxx 

        3.启动项目（可能已经过时，使用它提示的）
        npm run serve
    
    -->

</body>
</html>